<template>
  <div class="some-popup">
    <van-popup class="yu-color-text" :class="store.isFlag ? 'w-1/3' : 'w-3/4' " v-model:show="YuPopup">
      <h3 class="m-0 h-10 yu-bgColor-active yu-color-text flex items-center pl-2 sticky top-0">{{ title }}</h3>
      <div class="yu-bgColor-one-only p-2" style="height: calc(100% - 3.5rem)">
        <slot></slot>
      </div>
    </van-popup>
  </div>
</template>

<script setup>
import { ref } from "vue";
import {useStore} from "@/store/index"
const YuPopup = ref(false)
const store = useStore()
defineProps({
  title: String
})
defineExpose({
  YuPopup
})
</script>

<style scoped>

</style>
